<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="index.css">
	<link rel="stylesheet" type="text/css" href="星求.css" />
	<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
	<title>小米</title>

</head>

<body>
	<div class="top-nav-left">
		<a href="#" style="color: #ff6700;">推荐</a>
		<a href="#">上了新小米</a>
		<a href="#">小米智能生活</a>
		<div class="message-bel1">
			<img src="./images/bell.959ab6b28f.png" alt="">
			<div class="bell">
				<img src="./images/rwu.png" alt="">
			</div>
		</div>

		<div class="circle-container">
			<div class="top-circie-all">
				<div>兴趣圈</div>
			</div>
			<div class="join-num">
				<a href="./yjiar.html">
					<div>1.7万人已加入</div>
				</a>

			</div>
			<div class="animation-user"></div>
			<div class="circle-wrap"></div>
			<div class="circle-name">
				<div>我和小米十年</div>
				<div style="color: rgba(0,0,0,.5); margin-left: 27px; margin-top: 2px;">一往无前</div>
			</div>

			<div class="circle" style="margin-top: -99px; margin-left: 120px;"></div>
			<div class="circle-name">
				<div style="margin-left: 120px; margin-top: 8px;">交换果汁食谱</div>
				<div style="color: rgba(0,0,0,.5); margin-left: 125px; margin-top: 2px;">-起消着一夏</div>
			</div>

			<div class="app" style="margin-top: -99px; margin-left: 220px;"></div>
			<div class="circle-name">
				<div style="margin-left: 230px; margin-top: 8px;">居家男人</div>
				<div style="color: rgba(0,0,0,.5); margin-left: 230px; margin-top: 2px;">打造智慧家庭</div>
			</div>

			<div class="liu" style="margin-top: -99px; margin-left: 300px;"></div>
			<div class="circle-name">
				<div style="margin-left: 310px; margin-top: 8px;">5G讨论</div>
				<div style="color: rgba(0,0,0,.5); margin-left: 310px; margin-top: 2px;">关于5G</div>
			</div>
		</div>

		<div class="nav-container">
			<div class="nav-unit-wrap"></div>
			<div class="daluo"></div>
			<div class="zuo"></div>
			<div class="leng"></div>
			<div style="clear: both;"></div>
		</div>

		<div class="wterfall-wrap">
			<div class="item-block">
				<div class="feng"></div>
				<img src="./images/bao.png" alt="">
				<span>Redmi Note 8</span>
				<div class="zuozm">
					9102年了,你居然还
					为找遥控器而苦恼?
				</div>
				<div class="left-type"></div>
				<div class="wom">手机小课堂</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>14.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="cui"></div>
				<img src="./images/bao.png" alt="">
				<span>Redmi Note 8</span>
				<div class="zuozm">
					雷军点赞:小米9全方
					位测评,满足向往!
				</div>
				<div class="type"></div>
				<div class="wom">米免低调.</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>14.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="fui"></div>
				<img src="./images/bao.png" alt="">
				<span>小米路由器Mesh (两只)</span>
				<div class="zuozm">
					小米路由器Mesh ,轻
					松实现全屋覆盖
				</div>
				<div class="yao"></div>
				<div class="wom">商城早报.</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>8.5万</span>
				</div>
			</div>


			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="mang"></div>
				<img src="./images/bao.png" alt="">
				<span>晒出你的历代小米手机</span>
				<div class="zuozm">
					智能手机购买指南,台
					适的手机这样选
				</div>
				<div class="yang"></div>
				<div class="wom">小米手机</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>8.5万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="hui"></div>
				<img src="./images/bao.png" alt="">
				<span>小米10周年米粉节新品</span>
				<div class="zuozm">
					小米小背包又推新品,
					星空版你们喜欢吗?
				</div>
				<div class="pang"></div>
				<div class="wom"> Kylee</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>3.5万</span>
				</div>
			</div>


			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="hao"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#有奖|我和小米往无前
				</span>
				<div class="zuozm">
					成功不是终点,失败也
					并非终结，10年只...
				</div>
				<div class="nan"></div>
				<div class="wom">星期六兴趣..</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>1175</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="shun"></div>
				<img src="./images/bao.png" alt="">
				<span>Air 12.5" 2019款</span>
				<div class="zuozm">
					小米笔记本系列2019
					款，办公娱乐更畅快
				</div>
				<div class="cheng"></div>
				<div class="wom"> 商城早报</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>8.4万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="guo"></div>
				<img src="./images/bao.png" alt="">
				<span>
					I全面屏电视Pro 43英寸
				</span>
				<div class="zuozm">
					小米全面屏电视Pro
					字受更沉浸观影体验
				</div>
				<div class="rong"></div>
				<div class="wom">小米电视4</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>8万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="zhang"></div>
				<img src="./images/bao.png" alt="">
				<span>#上新了,小米</span>
				<div class="zuozm">
					支持心电、心率测量
					米家运动心电T恤发布
				</div>
				<div class="wen"></div>
				<div class="wom">一 二 三</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>1123</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="jie"></div>
				<img src="./images/bao.png" alt="">
				<span>
					Redmi 7
				</span>
				<div class="zuozm">
					Redmi旗舰新品,不
					惜-一切代价!
				</div>
				<div class="jing"></div>
				<div class="wom">Redmi红米</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>8.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="jiang"></div>
				<img src="./images/bao.png" alt="">
				<span>#好物推荐</span>
				<div class="zuozm">
					冰封散热背夹:巧易
					携带,制冷散热出色
				</div>
				<div class="zi"></div>
				<div class="wom">↓接机小盒子</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>3.5万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="zhuan"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#提升居家品质,需曼选择
				</span>
				<div class="zuozm">
					米家恒温电水壶首发买
					的,还有不到15天就...
				</div>
				<div class="xuan"></div>
				<div class="wom">巴山牛二哥</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>7.9万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="wang"></div>
				<img src="./images/bao.png" alt="">
				<span>小米9 Pro 5G</span>
				<div class="zuozm">
					小米首发30W超级无
					线闪充+ 5G新品爆料
				</div>
				<div class="yu"></div>
				<div class="wom">小米手机</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>46.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="fan"></div>
				<img src="./images/bao.png" alt="">
				<span>
					Redmi K20 Pro尊享版
				</span>
				<div class="zuozm">
					至尊大魔王来
					了! Redmi最强性能..
				</div>
				<div class="wu"></div>
				<div class="wom">Redmi红米..</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>45.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="qian"></div>
				<img src="./images/bao.png" alt="">
				<span>#小米9 Pro</span>
				<div class="zuozm">
					上手小米9 Pro以后,
					我发现它的屏幕解锁...
				</div>
				<div class="jia"></div>
				<div class="wom">高压锅</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>37.3万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="yi"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#有奖|我和小米往无前
				</span>
				<div class="zuozm">
					#我和小米一往无前#
					2020年8月3日中奖...
				</div>
				<div class="qiang"></div>
				<div class="wom">米免首席</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>5899</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="ma"></div>
				<img src="./images/bao.png" alt="">
				<span>米家照片打印机</span>
				<div class="zuozm">
					米家照片打印机已公
					示
				</div>
				<div class="xiu"></div>
				<div class="wom">小米众测</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>36.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="dong"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#小米10
				</span>
				<div class="zuozm">
					满满黑科技!小米10
					最住新柏档来7
				</div>
				<div class="yuan"></div>
				<div class="wom">米免首席</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>16.5万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="zu"></div>
				<img src="./images/bao.png" alt="">
				<span># 11.11你打算买什么?</span>
				<div class="zuozm">
					只要9.9,稼又一款
					不可错过的随身好物
				</div>
				<div class="meng"></div>
				<div class="wom">米兔首席</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>28万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="fei"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#好物推荐
				</span>
				<div class="zuozm">
					小米AIoT路由器
					AX3600开箱体验
				</div>
				<div class="han"></div>
				<div class="wom">Memory...</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>15.8万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="tian"></div>
				<img src="./images/bao.png" alt="">
				<span># 11.11你打算买什么?</span>
				<div class="zuozm">
					小米9 Pro :全面升
					级,价格依旧很4G
				</div>
				<div class="jun"></div>
				<div class="wom">米兔低调</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>29.4万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="zhao"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#晒出最近你买了啥?
				</span>
				<div class="zuozm">
					小米U盘，美极了!
				</div>
				<div class="yin"></div>
				<div class="wom">顾拜蛋蛋</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>30.3万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="wei"></div>
				<img src="./images/bao.png" alt="">
				<span># 11.11你打算买什么?</span>
				<div class="zuozm">
					&小米9 ,你想了解的全在这
					里!
				</div>
				<div class="xu"></div>
				<div class="wom">小米官宣</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>26.3万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="lin"></div>
				<img src="./images/bao.png" alt="">
				<span>
					小米9
				</span>
				<div class="zuozm">
					MIX Alpha , 5G时代
					的概念手机!
				</div>
				<div class="zheng"></div>
				<div class="wom">小米官宣</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>28.4万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"></div>
				<img src="./images/bao.png" alt="">
				<span>真无线蓝牙耳机</span>
				<div class="zuozm">
					挑战极致性价比,
					Redmi真无线蓝牙耳...
				</div>
				<div class="recommend-relative"></div>
				<div class="wom">竖锯评测</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>24.6万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du"></div>
				<img src="./images/bao.png" alt="">
				<span>
					小米9
				</span>
				<div class="zuozm">
					#小米10周年米粉节新品上
					线!
				</div>
				<div class="gu"></div>
				<div class="wom">小猴工具</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>11万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/52d2418784dd472ec0fc9c12fdceab6b.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#你还记得你家第一台
				</span>
				<div class="zuozm">
					70英寸!聚焦Redmi
					首款互联网电视
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/6958b10c128df5a8dee6b65d48c9e3d4.jpg);"></div>
				<div class="wom">小米电视</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>24万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/16be5cf9e545433809094339e94a1e3a.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					小米10值得你拥有
				</span>
				<div class="zuozm">
					雷军:我决定办一场小
					米十周年的主题演讲
				</div>
				<div class="gu" style="background-image: url(./images/56374e9979a940b947f704e84454ed19.jpg);"></div>
				<div class="wom">雷军</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/07ff8bcd407f2915abd61f6bf24283ca.JPG.png);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					米家定制T恤
				</span>
				<div class="zuozm">
					[小米定制T恤|定制
					你的专属潮T]
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/fa83661ee38a1495b26a59e73ae15eb3.png);"></div>
				<div class="wom">Angel Sit</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>3256</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/fc7d133c26b04c47d45543c0bbbf0f0b.png);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#小米10周年米粉节新品
				</span>
				<div class="zuozm">
					小米真无线蓝牙耳机
					Air 2s ,全面升级
				</div>
				<div class="gu" style="background-image: url(./images/fa83661ee38a1495b26a59e73ae15eb3.png);"></div>
				<div class="wom">1MORE</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>9.9万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/5713ed17f4a689868bfa282602d04cdd.png);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#好物推荐
				</span>
				<div class="zuozm">
					[众筹]每个男人的终
					极梦想:有野心当旗舰
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/fa83661ee38a1495b26a59e73ae15eb3.png);"></div>
				<div class="wom">须眉科技</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>10.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/655e7680c415db29102beacda46a9d79.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#有奖|我和小米往无前
				</span>
				<div class="zuozm">
					有奖| #我和小米往
					无前#留金句赢小爱..
				</div>
				<div class="gu" style="background-image: url(./images/fa4e3e83b5ec168de7c705eacc0ac9ea.jpg);"></div>
				<div class="wom">米兔首席</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>3136</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/a4ada3ea4c06a3e482fd2eca5fb637d8.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					Redmi K30 5G
				</span>
				<div class="zuozm">
					Redmi K30 5G晒单评
					论中奖名单
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/bb961ddca4b5bd6ec1887f470a55e757.jpg);"></div>
				<div class="wom">商城早报</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>9.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/09306bc8c0dd63a288e5b059d4b6982e.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#有奖|我和小米往无前
				</span>
				<div class="zuozm">
					有奖| #我和小米往
					无前#留金句赢小爱..
				</div>
				<div class="gu" style="background-image: url(./images/fa4e3e83b5ec168de7c705eacc0ac9ea.jpg);"></div>
				<div class="wom">米兔首席</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>3136</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/ae7d3babab3046b75e00e0c765389259.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					乃米家直流变频落地扇1X
				</span>
				<div class="zuozm">
					稼直流交频落地扇
					1X已公示
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/1b629c3d39987021996c116801596f24.jpg);"></div>
				<div class="wom">!小米众测</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>21.2万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/d185fb6bd235e96ba8aacb974058688a.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					Redmi K20
				</span>
				<div class="zuozm">
					有奖| #我和小米往
					无前#留金句赢小爱..
				</div>
				<div class="gu" style="background-image: url(./images/b6e7ae8f73b1af4e108fd6226cc2c5ad.jpg);"></div>
				<div class="wom">小米官宜</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>21万</span>
				</div>
			</div>

			<div class="item-block" style="margin-top: 10px;">
				<div class="container-size"
					style="background-image: url(./images/6b56e00daab0362c805814bd00e82068.jpg);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					敬我们无比热爱的生活
				</span>
				<div class="zuozm">
					图文回顾:小米手环4
					暨米家智能新品发布会
				</div>
				<div class="recommend-relative"
					style="background-image: url(./images/68f431ef45e12a6794537043f116e6c8.jpg);"></div>
				<div class="wom">米家</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>20万</span>
				</div>
			</div>

			<div class="item-block" style="margin-left: 170px; margin-top: -276px;">
				<div class="du" style="background-image: url(./images/45a2f430a9e20741f63fa7ee3248df5b.png);"></div>
				<img src="./images/bao.png" alt="">
				<span>
					#不是真朋友都不告诉他
				</span>
				<div class="zuozm">
					乘风破浪的米家运动鞋
					来啦~
				</div>
				<div class="gu" style="background-image: url(./images/9dd0dc64-c363-45c6-9ffe-0b9af09be168.jpg);"></div>
				<div class="wom">米小米刚</div>
				<div class="partice-user">
					<img src="./images/eye.12d518c6a6.png" alt="">
					<span>2万</span>
				</div>
			</div>

		</div>
	</div>
	</div>












	<div id="nav-bottom-fixed">
		<div style="background-color: white;">
			<a href="首页.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/home.png);background-color: white;"></i>
				首页
			</a>

		</div>
		<div style="background-color: white;">
			<a href="分类.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/classify.png);background-color: white;"> </i>
				分类
			</a>

		</div>
		<div style="background-color: white;">
			<a href="星求.html" style="background-color: white;">
				<i style="background-image: url(imgs/xingqio.png);background-color: white;"></i>
				星求
			</a>
		</div>
		<div style="background-color: white;">
			<a href="购物车.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/car.png);background-color: white;"></i>
				购物车
			</a>

		</div>
		<div style="background-color: white;">
			<a href="我的.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/mine.png);background-color: white;"></i>
				我的
			</a>

		</div>
	</div>
</body>

</html>
<script src="./layui-v2.5.6/layui/layui.all.js"></script>
<script>
	function calcHTMLFontSize() {
		var cH = document.documentElement.clientWidth;
		document.documentElement.style.fontSize = cH / 5 + "px";
	}
	calcHTMLFontSize();
	// 当window的大小发生变化，重新计算
	window.onresize = calcHTMLFontSize;
</script>